@media screen and (min-width:320px) and (max-width:900px) {
	.header,.pc{
		display: none;
	}
	.video{
		margin-top:.9rem;
	}
	.video .play{
		width:.8rem;
		height:.8rem;
		    background-size: 100%;
	}
	.video video{
		height:auto;
	}
	.phoneheader{
		display: block;
	}
	.detail{
		padding:0 3%;
	}
	.detail img{
		height:auto !important;
	}
	.detail p,.detail span,.detail div{
		margin-left:0 !important;
	}
	.caseboxs{
		margin-top:.9rem;
	}
	.caseboxs h2{
		font-size: .74rem;
		top:.5rem;
		left:.4rem;
		width:100%;
	}
	.caseboxs ul{
		top:3rem;
		left:0;
		width:100%;
		flex-wrap: wrap;
	}
	.caseboxs li{
		width:100%;
		text-align:center;
		margin-bottom:.8rem;
	}
	.caseboxs li span i{
		font-size: .8rem;
	}
	.caseboxs> p{
		width:5rem;
		left:50%;
		margin-left:-2.5rem;
	}
	
	.phoneheader .fl span{
		    font-size: .24rem;
		    font-family: SourceHanSansCN-Regular;
		    font-weight: 400;
		    color: #050000;
		    margin-left: 0.3rem;
		
	}
	.indexbox{
		padding:.1rem .3rem .7rem;
	}
	.indexbox ul{
		display: block;
	}
	.indexbox h2{
		font-size: .34rem;
		margin-bottom: .8rem;
	}
	.indexbox li span{
		font-size: .7rem;
	}
	.indexbox li p{
		font-size: .32rem;
	}
	.indexbox li:nth-of-type(1) p{
		color:#fff;
	}
	.indexbox li{
		margin-bottom:.5rem;
	}
	.indexbox .swiper-pagination{
		bottom:40px;
		text-align: center;
		width: 100%;
	}
	.indexbox .swiper-pagination-bullet{
		width: 6px;
		height:6px;
		background:#fff;
		opacity: .5;
		margin:0 3px;
	}
	.indexbox .swiper-pagination-bullet-active{
		opacity: 1;
	}
	.wap{
		display: block;
	}
	.indexbox .swiper-container{
		margin-top:.5rem;
	}
	.indexbox .swiper-button-prev,.indexbox .swiper-button-next{
		display: none;
	}
	.case ul.two li,.case ul.three li{
		width: 100% !important;
		margin-bottom: .6rem;
	}
	.banner .text{
		position:relative;
		padding:.4rem .3rem;
		background:#e6e6e6;
		left:0;
		top:0;
	}
	.banner .text p{
		color:#231815
	}
	.detailtext{
		padding:1.5rem .3rem;
	}
	.detailtext >div{
		width:100%;
		margin:0;
	}
	.detailtext span.f1{
		margin:.4rem 0 1rem;
	}
	.detailtext span.f2{
		display:none;
	}
	.case {
		padding:0 .1rem;
		background:#000 !important;
	}
	.case li img,.case .list li{
		width:100%;
	}
	.case .list li img{
		height: auto;
	}
	
	.case li span{
		font-size: .35rem;
		font-family: SourceHanSansCN-Regular;
		font-weight: 400;
		color: #FFFFFF;
		padding:.2rem 0  0 .25rem;
		display: inline-block;
	}
	.case li p{
		font-size: .35rem;
		font-family: SourceHanSansCN-Regular;
		font-weight: 400;
		color: #7C7D7D;
		padding:0 .25rem;
	}
	
	.footer{
		padding:1rem .3rem;
	}
	.footer .fl:nth-of-type(1){
		width: 100%;
	}
	.footer .code img{
		width: 2.2rem;
	}
	.footerlogo{
		height:4rem;
		padding:.3rem;
		position: relative;
	}
	.footerlogo p{
		float: none;
		margin-top:1rem;
		width: 4rem;
	}
	.footerlogo span{
		position: absolute;
		right:.3rem;
		bottom:.3rem;
	}
	.aboutbox{
		padding:.8rem .3rem 1rem;
		margin-top:.9rem;
	}
	.aboutbox .fr{
		width:100%;
	}
	.aboutbox .fr li{
		width:48%;
	}
	.aboutbox .fr ul{
		flex-wrap: wrap;
	}
	.aboutbox .fr li p.f2{
		height:130px;
	}
	.aboutbox .fr .text p.font{
		width:100%;
	}
	.aboutbox .fr .text  img.side{
		top:.5rem;
		
	}
	.aboutbox .fr .text p.red{
		padding-bottom:.6rem;
	}
	.aboutservice{
		padding:.5rem .3rem 1rem;
	}
	.aboutservice .title div:nth-of-type(2),
	.aboutservice .title span:last-of-type{
		display: none;
	}
	.aboutservice .title div:nth-of-type(1),
	.aboutservice .texts .fl,.aboutservice .texts .fl p,
	.aboutservice .texts .fr,
	.aboutservice .pic img{
		width: 100%;
	}
	.aboutservice .pic img{
		margin-bottom: .3rem;
	}
	.aboutservice .title div:nth-of-type(1) span,
	.aboutservice dl,.aboutservice .pic{
		display: block;
	}
	.aboutservice dl{
		margin-bottom:.4rem;
	}
	.aboutservice .title{
		margin-bottom: .5rem;
	}
	.aboutservice dt{
		border-bottom:2px solid #000;
		line-height:35px;
	}
	.aboutservice dl div{
		width: 100%;
	}
	.aboutservice dl div dd{
		width: 32%;
		height:80px;
		display:inline-flex;
		align-items: center;
		justify-content: center;
	}
	.service1 .text{
		padding:2rem .4rem 1rem;
	}
	.service1 .fl,.service1 .fr,
	.service1 .fr li,.service3 .pic img:last-of-type,
	.service3 li,.service4 li{
		width: 100%;
	}
	.service1 .fl{
		padding:.7rem .4rem 1rem;
	}
	.service1 .fr{
		padding:.7rem .4rem 1rem;
		border-top: 1px solid #B3B3B3;
	}
	.service2{
		padding:.5rem .4rem;
	}
	.service2 h2{
		width: 4rem;
	}
	.service3{
		padding:.8rem .4rem;
	}
	.service3 .pic img:first-of-type{
		display: none;
	}
	.service3 .pic{
		margin-bottom: 1rem;
	}
	.service3 li{
		height:6.5rem;
	}
	.service4{
		padding:0;
	}
	.service4 h2{
		float: none;
		height:2.5rem;
		line-height: 2.5rem;
		background:#040000;
		padding-left: .7rem;
		font-size: .5rem;
	}
	.service4 ul{
		float: none;
		width:100%;
		padding:.8rem .6rem;
	}
	.service4 li{
		margin-bottom: .8rem;
	}
	
	
}